<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>努比亚手机产品-努比亚nubia智能拍照手机</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.3, maximum-scale=0.3,user-scalable=yes">
    <link rel="stylesheet" href="styles/reset.css" />
    <link rel="stylesheet" href="styles/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="styles/base.css" />
    <link rel="stylesheet" href="styles/iconfont.css" />
    <link rel="stylesheet" href="styles/back-to-top.css">
    <link rel="stylesheet" href="styles/shop.css">
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/myTools.js"></script>
    <script src="js/velocity.js"></script>
</head>
<body>
    <!--头部区域-->
    <header class="header">
            <div class="header-wrapper">
                <h1 id="logo">
                    <a href="index.html" title="努比亚">努比亚</a>
                </h1>
                <nav id="nav">
                    <ul class="nav-login">
                        <li><a href="./login.html" target="_blank">登陆</a></li>
                        <li><a href="./register.html">注册</a></li>
                        <li><a href="login.html"></a></li>
                    </ul>
                    <ul class="nav-main">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="shop.html">商城</a></li>
                        <li class="nav-main-phones">
                            <a href="#">
                                手机
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-parts">
                            <a href="#">配件
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper3">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="parts-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-photos">
                            <a href="#">摄影
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper4">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="photo-show-list">
                
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li><a href="./service.html">服务</a></li>
                        <li><a href="./experience.html">体验店</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </nav>
            </div>
        </header>

    <!--banner区域-->
    <section class="section">
        <div class="section-banner" id="section-banner">
            <div class="swiper-container swiper1">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a href="./phone-summary.html"><img src="images/banner.jpg" alt=""></a></div>
                    <div class="swiper-slide"><a href="./phone-summary.html"><img src="images/banner2.jpg" alt=""></a></div>
                    <div class="swiper-slide"><a href="./phone-summary.html"><img src="images/banner3.jpg" alt=""></a></div>
                    <div class="swiper-slide"><a href="./phone-summary.html"><img src="images/banner4.jpg" alt=""></a></div>
                    <div class="swiper-slide"><a href="./phone-summary.html"><img src="images/banner5.jpg" alt=""></a></div>
                </div>

                <div></div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 如果需要导航按钮 -->
                <div id="mark-left">
                    <div class="swiper-button-prev"></div>
                </div>
                <div id="mark-right">
                    <div class="swiper-button-next"></div>
                </div>
            
                <!-- 如果需要滚动条
                <div class="swiper-scrollbar"></div> -->
            </div>
        </div>
    </section>

    <!--内容区域-->
    <div class="new-release">
        <div>
            <ul class="new-release-item">
                <li><a href="./service-aftersales.html">以旧换新</a></li>
                <li><a href="#">NB码通道</a></li>
                <li><a href="./service-accident.html">屏碎宝</a></li>
                <li><a href="./authenticity-query.html">真伪查询</a></li>
                <li><a href="./service-center.html">售后网点</a></li>
                <li><a href="#">软件下载</a></li>
            </ul>
        </div>
        <div class="item2-pic01">
            <a href="javascript:">
                <img src="http://oss.static.nubia.cn/blockimage/152343385867.jpg" />
            </a>
        </div>
        <div class="item2-pic02">
            <a href="./phone-summary.html">
                <img src="http://oss.static.nubia.cn/blockimage/154397689032.jpg" />
            </a>
        </div>
        <div class="item2-pic03">
            <a href="./phone-summary.html">
                <img src="http://oss.static.nubia.cn/blockimage/154139627249.jpg" />
            </a>
        </div>
    </div>

    <!-- 热门产品 -->
    <div class="hot-products">
        <h2>热门产品</h2>
        <span class="hot-title-desc">
            <a href="./phone-list.html">查看更多>></a>
        </span>
        <ul class="hot-products-list">
            <li>
                <a href="javascript:">
                    <img src="http://oss.static.nubia.cn/blockimage/154683890326.jpg"/>
                    <h3>红魔Mars电竞手机</h3>
                    <p class="special">骁龙845</p>
                    <p class="price">￥<span>2699</span></p>
                </a>
                <div class="products-buy">
                    <a href="./phone-params.html">查看详情</a>
                    <a href="./phone-buy.html">立即购买</a>
                </div>
            </li>
            <li>
                <a href="javascript:">
                    <img src="http://oss.static.nubia.cn/blockimage/154340896452.jpg"/>
                    <h3>X</h3>
                    <p class="special">双屏黑科技</p>
                    <p class="price">￥<span>3299</span></p>
                </a>
                <div class="products-buy">
                    <a href="./phone-params.html">查看详情</a>
                    <a href="./phone-buy.html">立即购买</a>
                </div>
            </li>
            <li>
                <a href="javascript:">
                    <img src="http://oss.static.nubia.cn/blockimage/154139640171.jpg"/>
                    <h3>Z18</h3>
                    <p class="special">无边水滴屏</p>
                    <p class="price">￥<span>2499</span> | <span class="old-price">2799</span></p>
                </a>
                <div class="products-buy">
                    <a href="./phone-params.html">查看详情</a>
                    <a href="./phone-buy.html">立即购买</a>
                </div>
            </li>
            <li>
                <a href="javascript:">
                    <img src="http://oss.static.nubia.cn/blockimage/154985378548.png"/>
                    <h3>红魔电竞手机</h3>
                    <p class="special">不红魔 不成活</p>
                    <p class="price">￥<span>2099</span> | <span class="old-price">2499</span></p>
                </a>
                <div class="products-buy">
                    <a href="./phone-params.html">查看详情</a>
                    <a href="./phone-buy.html">立即购买</a>
                </div>
            </li>
        </ul>
    </div>

    <!-- 精品手机 -->
    <div class="hot-products">
            <h2>精品手机</h2><span class="hot-title-desc"><a href="./phone-list.html">查看更多>></a></span>
            <ul class="hot-products-list">
                <li>
                    <a href="javascript:">
                        <img src="http://oss.static.nubia.cn/blockimage/154985357394.png"/>
                        <h3>Z18星云红</h3>
                        <p class="special">无边水滴屏</p>
                        <p class="price">￥<span>2699</span> | <span class="old-price">3299</span></p>
                    </a>
                    <div class="products-buy">
                        <a href="./phone-params.html">查看详情</a>
                        <a href="./phone-buy.html">立即购买</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:">
                        <img src="http://oss.static.nubia.cn/blockimage/154985370152.png"/>
                        <h3>Z18mini</h3>
                        <p class="special">2400万双摄</p>
                        <p class="price">￥<span>1299</span> | <span class="old-price">1799</span></p>
                    </a>
                    <div class="products-buy">
                        <a href="./phone-params.html">查看详情</a>
                        <a href="./phone-buy.html">立即购买</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:">
                        <img src="http://oss.static.nubia.cn/blockimage/152170464783.jpg"/>
                        <h3>V18 曜石黑</h3>
                        <p class="special">6寸全面屏</p>
                        <p class="price">￥<span>899</span> | <span class="old-price">999</span></p>
                    </a>
                    <div class="products-buy">
                        <a href="./phone-params.html">查看详情</a>
                        <a href="./phone-buy.html">立即购买</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:">
                        <img src="http://oss.static.nubia.cn/blockimage/15117611441.jpg"/>
                        <h3>Z17S黑金</h3>
                        <p class="special">全面屏无边框</p>
                        <p class="price">￥<span>1799</span> | <span class="old-price">2699</span></p>
                    </a>
                    <div class="products-buy">
                        <a href="./phone-params.html">查看详情</a>
                        <a href="./phone-buy.html">立即购买</a>
                    </div>
                </li>
            </ul>
    </div>

    <!-- 精选配件 -->
    <div class="hot-products best-parts">
            <h2>精选配件</h2><span class="hot-title-desc"><a href="./parts.html">查看更多>></a></span>
            <ul class="hot-products-list best-parts-list">
                <li style="width:593px;">
                    <a href="./phone-buy.html">
                        <img 
                            style="margin-top: 0" 
                            src="http://oss.static.nubia.cn/blockimage/154691199639.jpg"
                        />
                    </a>
                </li>
                <li>
                    <a href="javascript:">
                        <img src="http://oss.static.nubia.cn/blockimage/154744855155.png"/>
                        <h3>二合一数据线</h3>
                        <p class="special"></p>
                        <p class="price">￥<span>59</span></p>
                    </a>
                    <div class="products-buy">
                        <a href="./phone-params.html">查看详情</a>
                        <a href="./phone-buy.html">立即购买</a>
                    </div>
                </li>
                <li>
                    <a href="javascript:">
                        <img src="http://oss.static.nubia.cn/blockimage/154744997430.jpg"/>
                        <h3>电源适配器（快充3.0）</h3>
                        <p class="special"></p>
                        <p class="price">￥<span>69</span></p>
                    </a>
                    <div class="products-buy">
                        <a href="./phone-params.html">查看详情</a>
                        <a href="./phone-buy.html">立即购买</a>
                    </div>
                </li>
            </ul>
            <ul class="hot-products-list best-parts-list2">
                    <li>
                        <a href="javascript:">
                            <img src="http://oss.static.nubia.cn/blockimage/154744986142.png"/>
                            <h3>红魔降噪耳机</h3>
                            <p class="special"></p>
                            <p class="price">￥<span>299</span></p>
                        </a>
                        <div class="products-buy">
                            <a href="./phone-params.html">查看详情</a>
                            <a href="./phone-buy.html">立即购买</a>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:">
                            <img src="http://oss.static.nubia.cn/blockimage/154684132723.jpg"/>
                            <h3>蓝牙耳机</h3>
                            <p class="special"></p>
                            <p class="price">￥<span>79</span></p>
                        </a>
                        <div class="products-buy">
                            <a href="./phone-params.html">查看详情</a>
                            <a href="./phone-buy.html">立即购买</a>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:">
                            <img src="http://oss.static.nubia.cn/blockimage/154744992791.png"/>
                            <h3>便捷移动电源</h3>
                            <p class="special"></p>
                            <p class="price">￥<span>129</span></p>
                        </a>
                        <div class="products-buy">
                            <a href="./phone-params.html">查看详情</a>
                            <a href="./phone-buy.html">立即购买</a>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:">
                            <img src="http://oss.static.nubia.cn/blockimage/15474499551.png"/>
                            <h3>圈铁耳机</h3>
                            <p class="special"></p>
                            <p class="price">￥<span>99</span></p>
                        </a>
                        <div class="products-buy">
                            <a href="./phone-params.html">查看详情</a>
                            <a href="./phone-buy.html">立即购买</a>
                        </div>
                    </li>
            </ul>
    </div>

    <!-- 产品热评 -->
    <div class="hot-products hot-talks">
        <div class="hot-talks-wrapper">
            <h2>产品热评</h2><span class="hot-title-desc"><a href="javascript:">查看更多>></a></span>
            <ul class="hot-talk-item">
                <li>
                    <a href="javascript:">
                        <div class="hot-talk-img-wrapper">
                            <img 
                                class="hot-talk-imgs"
                                src="http://oss.static.nubia.cn/blockimage/154721046868.jpg" />
                        </div>
                        <h3>红魔Mars电竞手机评测</h3>
                    </a>
                </li>
                <li>
                    <a href="javascript:">
                        <div class="hot-talk-img-wrapper">
                            <img 
                                class="hot-talk-imgs"
                                src="http://oss.static.nubia.cn/blockimage/154721040323.jpg" />
                        </div>
                        <h3>努比亚X评测</h3>
                    </a>
                </li>
                <li>
                    <a href="javascript:">
                        <div class="hot-talk-img-wrapper">
                            <img 
                                class="hot-talk-imgs"
                                src="http://oss.static.nubia.cn/blockimage/154721034694.jpg" />
                        </div>
                        <h3>努比亚Z18评测</h3>
                    </a>
                </li>
                <li>
                    <a href="javascript:">
                        <div class="hot-talk-img-wrapper">
                            <img 
                                class="hot-talk-imgs"
                                src="http://oss.static.nubia.cn/blockimage/152464656360.jpg" />
                        </div>
                        <h3>红魔电竞手机评测</h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 视频 -->
    <div class="hot-products hot-talks shop-video-wrapper">
            <div class="hot-talks-wrapper">
                <h2>视频</h2><span class="hot-title-desc"><a href="#">查看更多>></a></span>
                <ul class="hot-talk-item shop-video-list">
                    <li>
                        <a href="javascript:">
                            <div class="hot-talk-img-wrapper">
                                <img 
                                    class="video-show-pic"
                                    src="http://oss.static.nubia.cn/blockimage/154340969340.jpg" />
                                <div class="shop-video-start"></div>
                                <div class="start-icon"></div>
                            </div>
                            <h3>红魔Mars电竞手机</h3>
                            <p>骁龙845</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:">
                            <div class="hot-talk-img-wrapper">
                                <img 
                                    class="video-show-pic"
                                    src="http://oss.static.nubia.cn/blockimage/154138792565.jpg" />
                                <div class="shop-video-start"></div>
                                <div class="start-icon"></div>
                            </div>
                            <h3>努比亚X</h3>
                            <p>双屏黑科技</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:">
                            <div class="hot-talk-img-wrapper">
                                <img 
                                    class="video-show-pic"
                                    src="http://oss.static.nubia.cn/blockimage/153671887612.jpg" />
                                <div class="shop-video-start"></div>
                                <div class="start-icon"></div>
                            </div>
                            <h3>努比亚Z18</h3>
                            <p>无边水滴屏，AI新旗舰</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:">
                            <div class="hot-talk-img-wrapper">
                                <img 
                                    class="video-show-pic"
                                    src="http://oss.static.nubia.cn/blockimage/152420326115.jpg" />
                                <div class="shop-video-start"></div>
                                <div class="start-icon"></div>
                            </div>
                            <h3>红魔电竞手机</h3>
                            <p>不红魔 不成活</p>
                        </a>
                    </li>
                </ul>
            </div>
    </div>

    <!-- 视频模态框 -->
    <div class="product-video-bg">
            <div class="video-wrapper">
                <div class="video-title">
                    <h2>红魔Mars电竞手机</h2>
                    <a class="video-close-btn" href="javascript:">
                        <span class="iconfont ">&#xe622;</span>
                    </a>
                </div>
                <video class="video-main" width="100%" controls>
                    <source src="https://oss.static.nubia.cn/upload/5bfe5584d678822.mp4" />
                    <a href="https://oss.static.nubia.cn/upload/5bfe5584d678822.mp4">
                        您的浏览器目前不支持HTML5的Video标签
                    </a>
                </video>
            </div>
    </div>

    <!-- 服务 -->
    <div class="hot-products hot-talks shop-video-wrapper our-serve">
            <div class="hot-talks-wrapper">
                <h2>服务</h2><span class="hot-title-desc"><a href="./service.html">查看更多>></a></span>
                <div class="our-serve-wrapper">
                    <ul class="our-serve-list01">
                        <li>
                            <a href="./service-aftersales.html">
                                <h3>售后服务</h3>
                                <p>了解nubia努比亚的服务和保修等相关政策。</p>
                                <i class="iconfont">&#xe631;</i>
                            </a>
                        </li>
                        <li>
                            <a href="./service-specail.html">
                                <h3>特色服务</h3>
                                <p>
                                    我们为您准备了一系列与众不同的服务内容，从意外宝到上门服务，通过电话及服务网点获取支持或安排维修。
                                </p> 
                                <i class="iconfont">&#xe605;</i> 
                            </a>
                        </li>
                    </ul>
                    <ul class="our-serve-list02">
                        <li>
                            <a href="./service-specail.html">
                                <i class="iconfont">&#xe665;</i>
                                <p>7天无理由退货</p>
                            </a>
                        </li>
                        <li>
                            <a href="./service-aftersales.html">
                                <i class="iconfont">&#xe653;</i>
                                <p>15天免费上门换货</p>
                            </a>
                        </li>
                        <li>
                            <a href="./service-faq.html">
                                <i class="iconfont">&#xe600;</i>
                                <p>全场59元免运费</p>
                            </a>
                        </li>
                        <li>
                            <a href="./experience.html">
                                <i class="iconfont">&#xe615;</i>
                                <p>查找线下商店</p>  
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
    </div>

    <!-- 回到顶部 -->
    <div class="back-to-top">
        <ul>
            <li>
                <a href="#" title="在线客服">
                    <i class="iconfont">&#xe605;</i>
                </a>
            </li>
            <li class="back-to-top-second-item">
                <a href="javascript:">
                    <i class="iconfont">&#xe663;</i>
                </a>
            </li>
            <li>
                <a href="#">
                    <i class="iconfont">&#xe65b;</i>
                </a>
            </li>
        </ul>
        <div class="app-download-img">
            <img src="http://oss.static.nubia.cn/upload/5a025bb45ab694.png" />
            <div class="app-img-guide"></div>
            <div class="app-img-guide-in"></div>
        </div>
    </div>

    <!--底部区域-->
    <footer class="footer">
            <div class="footer-wrapper">
                <div class="footer-title">
                    <img src="images/nb-pro-ft-logo-x2.jpg" />
                    <a href="./phone-list.html"><span>&gt;全部机型</span></a>
                </div>
                <div class="footer-content-wrapper">
                    <div>
                        <h5>Z系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia Z11</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 Max</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 mini</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>M系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia 布拉格S</a></li>
                            <li><a href="./phone-summary.html">nubia My 布拉格</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>配件</h5>
                        <ul>
                            <li><a href="./parts.html">保护壳</a></li>
                            <li><a href="./parts.html">贴膜</a></li>
                            <li><a href="./parts.html">皮套</a></li>
                            <li><a href="./parts.html">耳机</a></li>
                            <li><a href="./parts.html">数据线/充电器</a></li>
                            <li><a href="./parts.html">周边产品</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-message">
                    <ul>
                        <li><a href="javascript:">关于我们</a></li>
                        <li><a href="javascript:">联系我们</a></li>
                        <li><a href="javascript:">新闻中心</a></li>
                        <li><a href="javascript:">加入我们</a></li>
                        <li><a href="javascript:">合作注册</a></li>
                        <li><a href="javascript:">公益</a></li>
                        <li><a href="javascript:">以旧换新</a></li>
                        <li><a href="javascript:">问题反馈</a></li>
                        <li><a href="javascript:">简体中文</a></li>
                    </ul>
                    <div>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <span>服务热线：400-700-6600</span>
                    </div>
                    <p>
                        <span>2012-2017 努比亚技术有限公司 版权所有</span>
                        <a href="#"> 粤ICP备10006213号-2</a>
                        <img src="images/gs.jpg" />
                        <span>深圳市市场监督管理局企业主体身份公示 ICP经营许可证编号：粤B2-20120688 </span>
                        <img src="images/gh.png" />
                        <a href="#"> 粤公网安备 44030502000309号</a>
                    </p>
                </div>
            </div>
    </footer>


    <!--Swiper-->
    <script>        
        var mySwiper = new Swiper ('.swiper1', {
            direction: 'horizontal',
            loop: true,
            autoplay: 5000,
            autoplayDisableOnInteraction : false,

            // 如果需要分页器
            pagination: '.swiper-pagination',
            paginationClickable :true,
            
            
            // 如果需要前进后退按钮
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            
            // 如果需要滚动条
            // scrollbar: '.swiper-scrollbar',
        }) 
        var oSectionBanner = document.getElementById("section-banner");
        var oSwiperContainer = oSectionBanner.getElementsByClassName("swiper-container")
        oSectionBanner.onmouseover = function name(params) {
            oSwiperContainer.autoplay = 0;
        }       
    </script>

    <script>
        var swiper2 = new Swiper('.swiper2',{
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',
        });
        var swiper3 = new Swiper('.swiper3',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper4',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',
        });
    </script>
    <script src="js/back-to-top.js"></script>
    <script src="js/nav-second.js"></script> 
    <script src="js/shop.js"></script>
</body>
</html>